<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="/WEB-INF/struts-html" prefix="html" %>
<html:html>
<head>
	<title></title>
	
	<link rel="stylesheet" type="text/css" href="<%= request.getContextPath() %>/css/sampleForm.css" />
	<link rel="stylesheet" type="text/css" href="<%= request.getContextPath() %>/css/me.css" />	
	<link rel="stylesheet" type="text/css" href="<%= request.getContextPath() %>/common/css/help/help.css" />
	
	<script type='text/javascript' src='<%= request.getContextPath() %>/css/autocomplete/lib/jquery.js' ></script>  	 	

	
	<link type="text/css" href="<%= request.getContextPath() %>/css/datepicker/css/ui.all.css" rel="stylesheet" /> 	
	<script type="text/javascript" src="<%= request.getContextPath() %>/css/datepicker/lib/jquery-ui-1.5.3.min.js"></script>	
	
	<script type="text/javascript">
		$(document).ready(function(){

			$("#startDate_dept_project_waiting").datepicker({ altField: 'input#startDate_dept_project_waiting', altFormat: 'dd-mm-yy' });    			
			$("#endDate_dept_project_waiting").datepicker({ altField: 'input#endDate_dept_project_waiting', altFormat: 'dd-mm-yy' });
															
			$("#startDate_dept_project").datepicker({ altField: 'input#startDate_dept_project', altFormat: 'dd-mm-yy' });    			
			$("#endDate_dept_project").datepicker({ altField: 'input#endDate_dept_project', altFormat: 'dd-mm-yy' });


			
			$("#startDate_dept_project_summary").datepicker({ altField: 'input#startDate_dept_project_summary', altFormat: 'dd-mm-yy' });    			
			$("#endDate_dept_project_summary").datepicker({ altField: 'input#endDate_dept_project_summary', altFormat: 'dd-mm-yy' });
						
    			$("#startDate_taxBuy").datepicker({ altField: 'input#startDate_taxBuy', altFormat: 'dd-mm-yy' });    			
    			$("#endDate_taxBuy").datepicker({ altField: 'input#endDate_taxBuy', altFormat: 'dd-mm-yy' });
    			
    			$("#startDate_materialsInStock").datepicker({ altField: 'input#startDate_materialsInStock', altFormat: 'dd-mm-yy' });
    			$("#endDate_materialsInStock").datepicker({ altField: 'input#endDate_materialsInStock', altFormat: 'dd-mm-yy' });
    			
    			$("#startDate_purchasingMaterials").datepicker({ altField: 'input#startDate_purchasingMaterials', altFormat: 'dd-mm-yy' });
    			$("#endDate_purchasingMaterials").datepicker({ altField: 'input#endDate_purchasingMaterials', altFormat: 'dd-mm-yy' });

    			$("#startDate_dyestuffsChemicals").datepicker({ altField: 'input#startDate_dyestuffsChemicals', altFormat: 'dd-mm-yy' });
    			$("#endDate_dyestuffsChemicals").datepicker({ altField: 'input#endDate_dyestuffsChemicals', altFormat: 'dd-mm-yy' });
  		});
	</script>		
	<script type="text/javascript">
		function validate(startDate, endDate) {
			var valid = true;
			if(document.getElementById(startDate).value!="" ) {
				document.getElementById(startDate+"_error").innerHTML = "";
			}else {
				document.getElementById(startDate+"_error").innerHTML = "วันที่ไม่ถูกต้อง";
				valid = false;								
			}				 

			if(document.getElementById(endDate).value !="" ) {				
				document.getElementById(endDate+"_error").innerHTML = "";							
			}else {				
				document.getElementById(endDate+"_error").innerHTML = "วันที่ไม่ถูกต้อง";
				valid = false;				
			}				 			

			if(valid) {
			valid = check_startDate_endDate(startDate, endDate);
			}
			return valid;
		}

		function check_startDate_endDate(startDate, endDate) {
			var start_date = new Date(document.getElementById(startDate).value);
			var end_date = new Date(document.getElementById(endDate).value);

			if(start_date>end_date) {
				document.getElementById(startDate+"_error").innerHTML = "วันที่เริ่มต้น มากกว่า วันที่สิ้นสุด";
				document.getElementById(endDate+"_error").innerHTML = "";
				return false;
			}else {
				document.getElementById(startDate+"_error").innerHTML = "";
				document.getElementById(endDate+"_error").innerHTML = "";				
				return true;
			}
		}
		
	</script>
		
</head>
<body>
<div id="wrapper">
	 
	<div id="menu"><ul id="nav"></ul></div>

	<div id="content">
		<div id="menuNav"><a href='<%=request.getContextPath() %>/Login.do?mode=check'>หน้าหลัก</a> 
		>> รายงาน  >> รายงานจัดซื้อ</div><br />
		
		<div id="userPw01">
		<fieldset>
			<legend><b>รายงานใบ PO ที่รอซื้อ แยกตามหน่วยงบ</b></legend>
			   <center>
	    		<html:form action="/purchasingReport.do?mode=report&param=purchasing_dept_project_waiting"  target="_blank"  >
		    	<table >
		    		<tr>
		    			<td align="right">วันที่เริ่มต้น:</td><td><html:text property="startDate" styleId="startDate_dept_project_waiting" readonly="true" /></td>
		    			<td align="right">ถึงวันที่:</td><td><html:text property="endDate" styleId="endDate_dept_project_waiting" readonly="true" /></td>
		    			<td rowspan="3"><html:submit value="ดูรายงาน" onclick="return validate('startDate_dept_project_waiting','endDate_dept_project_waiting');"  /></td>	    			
		    		</tr>
		    		<tr>
		    			<td ></td><td><font color="red"><label id="startDate_dept_project_waiting_error"/></label></font> </td>
		    			<td ></td><td><font color="red"><label id="endDate_dept_project_waiting_error"  /></label></font></td>
		    			<td ></td>	    			
		    		</tr>		    		
		    		<tr>
		    			<td align="right">แผนก:</td><td><html:text property="departCode"  /></td>
		    			<td align="right">หน่วยงบ:</td><td><html:text property="projectCode"  /></td>
		    		</tr>
		    		<tr>
		    			<td colspan="5"><font color="red">ตัวอย่าง ช่องหน่วยงบใส่เฉพาะปี งบประมาณได้</font></td>
		    		</tr>	    		   		    		
		    	</table>
	    		</html:form>
	    	</center>
	    </fieldset>
	    </div>
		<div id="userPw01">
		<fieldset>
			<legend><b>รายงานจัดซื้อ แยกตามหน่วยงบ</b></legend>
			   <center>
	    		<html:form action="/purchasingReport.do?mode=report&param=purchasing_dept_project"  target="_blank"  >
		    	<table >
		    		<tr>
		    			<td align="right">วันที่เริ่มต้น:</td><td><html:text property="startDate" styleId="startDate_dept_project" readonly="true" /></td>
		    			<td align="right">ถึงวันที่:</td><td><html:text property="endDate" styleId="endDate_dept_project" readonly="true" /></td>
		    			<td rowspan="3"><html:submit value="ดูรายงาน" onclick="return validate('startDate_dept_project','endDate_dept_project');"  /></td>	    			
		    		</tr>
		    		<tr>
		    			<td ></td><td><font color="red"><label id="startDate_dept_project_error"/></label></font> </td>
		    			<td ></td><td><font color="red"><label id="endDate_dept_project_error"  /></label></font></td>
		    			<td ></td>	    			
		    		</tr>		    		
		    		<tr>
		    			<td align="right">แผนก:</td><td><html:text property="departCode"  /></td>
		    			<td align="right">หน่วยงบ:</td><td><html:text property="projectCode"  /></td>
		    		</tr>
		    		<tr>
		    			<td colspan="5"><font color="red">ตัวอย่าง ช่องหน่วยงบใส่เฉพาะปี งบประมาณได้</font></td>
		    		</tr>	    		   		    		
		    	</table>
	    		</html:form>
	    	</center>
	    </fieldset>
	    </div>
		<div id="userPw01">
		<fieldset>
			<legend><b>ใบสรุปการจัดซื้อของแผนก โดยแยกตามหน่วยงบ</b></legend>
			   <center>
	    		<html:form action="/purchasingReport.do?mode=report&param=purchasing_dept_project_summary"  target="_blank"  >
		    	<table >
		    		<tr>
		    			<td align="right">วันที่เริ่มต้น:</td><td><html:text property="startDate" styleId="startDate_dept_project_summary" readonly="true" /></td>
		    			<td align="right">ถึงวันที่:</td><td><html:text property="endDate" styleId="endDate_dept_project_summary" readonly="true" /></td>
		    			<td rowspan="3"><html:submit value="ดูรายงาน" onclick="return validate('startDate_dept_project_summary','endDate_dept_project_summary');"  /></td>	    			
		    		</tr>
		    		<tr>
		    			<td ></td><td><font color="red"><label id="startDate_dept_project_summary_error"/></label></font> </td>
		    			<td ></td><td><font color="red"><label id="endDate_dept_project_summary_error"  /></label></font></td>
		    			<td ></td>	    			
		    		</tr>		    		
		    		<tr>
		    			<td align="right">แผนก:</td><td><html:text property="departCode"  /></td>
		    			<td align="right">หน่วยงบ:</td><td><html:text property="projectCode"  /></td>
		    		</tr>
		    		<tr>
		    			<td colspan="5"><font color="red">ตัวอย่าง ช่องหน่วยงบใส่เฉพาะปี งบประมาณได้</font></td>
		    		</tr>	    		   		    		
		    	</table>
	    		</html:form>
	    	</center>
	    </fieldset>
	    </div>
		<div id="userPw01">
		<fieldset>
			<legend><b>รายงาน  ภาษีซื้อ</b></legend>
			   <center>
	    		<html:form action="/purchasingReport.do?mode=report&param=taxBuy"  target="_blank"  >
		    	<table >
		    		<tr>
		    			<td align="right">วันที่เริ่มต้น:</td><td><html:text property="startDate" styleId="startDate_taxBuy" readonly="true" /></td>
		    			<td align="right">ถึงวันที่:  </td><td><html:text property="endDate"	  styleId="endDate_taxBuy" readonly="true" /></td>
		    			<td ><html:submit value="ดูรายงาน"  onclick="return validate('startDate_taxBuy','endDate_taxBuy');"  /></td>	    			
		    		</tr>
		    		<tr>
		    			<td ></td><td><font color="red"><label id="startDate_taxBuy_error"/></label></font> </td>
		    			<td ></td><td><font color="red"><label id="endDate_taxBuy_error"  /></label></font></td>
		    			<td ></td>	    			
		    		</tr>		    				   		    		
		    	</table>
	    		</html:form>
	    	</center>
	    </fieldset>
	    </div>
		
		<div id="userPw01">
		<fieldset>
			<legend><b>รายงาน Materials In Stock</b></legend>
			   <center>
	    		<html:form action="/purchasingReport.do?mode=report&param=materialsInStock"  target="_blank"  >
		    	<table >
		    		<tr>
		    			<td align="right">วันที่เริ่มต้น:</td><td><html:text property="startDate" styleId="startDate_materialsInStock" readonly="true" /></td>
		    			<td align="right">ถึงวันที่:</td><td><html:text property="endDate" styleId="endDate_materialsInStock" readonly="true" /></td>
		    			<td rowspan="3"><html:submit value="ดูรายงาน" onclick="return validate('startDate_materialsInStock','endDate_materialsInStock');"  /></td>	    			
		    		</tr>
		    		<tr>
		    			<td ></td><td><font color="red"><label id="startDate_materialsInStock_error"/></label></font> </td>
		    			<td ></td><td><font color="red"><label id="endDate_materialsInStock_error"  /></label></font></td>
		    			<td ></td>	    			
		    		</tr>		    		
		    		<tr>
		    			<td align="right">รหัส/ชื่อ บริษัทที่ขาย:</td><td><html:text property="apCodeName"  /></td>
		    			<td align="right">รหัส/ชื่อ type1-7:</td><td><html:text property="itemCodeName"  /></td>
		    		</tr>	    		   		    		
		    	</table>
	    		</html:form>
	    	</center>
	    </fieldset>
	    </div>
	    	    
		<div id="userPw01">
		<fieldset>
			<legend><b>รายงาน Purchasing Materials</b></legend>
			   <center>
	    		<html:form action="/purchasingReport.do?mode=report&param=purchasingMaterials"  target="_blank"  >
		    	<table >
		    		<tr>
		    			<td align="right">วันที่เริ่มต้น:</td><td><html:text property="startDate" styleId="startDate_purchasingMaterials" readonly="true" /></td>
		    			<td align="right">ถึงวันที่:</td><td><html:text property="endDate" 	  styleId="endDate_purchasingMaterials" readonly="true" /></td>
		    			<td rowspan="3"><html:submit value="ดูรายงาน" onclick="return validate('startDate_purchasingMaterials','endDate_purchasingMaterials');" /></td>	    			
		    		</tr>
		    		<tr>
		    			<td ></td><td><font color="red"><label id="startDate_purchasingMaterials_error"/></label></font> </td>
		    			<td ></td><td><font color="red"><label id="endDate_purchasingMaterials_error"  /></label></font></td>
		    			<td ></td>	    			
		    		</tr>		    				    		
		    		<tr>
		    			
		    			<td align="right">รหัส/ชื่อ วัตถุดิบ:</td><td><html:text property="itemCodeName"  /></td>
		    			<td align="right"></td><td></td>
		    		</tr>	    		   		    		
		    	</table>
	    		</html:form>
	    	</center>
	    </fieldset>
	    </div>	    

		<div id="userPw01">
		<fieldset>
			<legend><b>รายงาน  Purchasing Dyestuffs Chemicals</b></legend>
			   <center>
	    		<html:form action="/purchasingReport.do?mode=report&param=dyestuffsChemicals"  target="_blank"  >
		    	<table >
		    		<tr>
		    			<td align="right">ประเภท:</td>
		    			<td colspan="3"><html:select property="typeReport"  styleId="taxType" 
																style="width:200px">
									<html:option value="DYESTUFFS AND CHEMICALS">DYESTUFFS AND CHEMICALS</html:option>
									<html:option value="CHEMICALS">CHEMICALS</html:option>
									<html:option value="DYESTUFFS">DYESTUFFS</html:option>
								</html:select></td>
		    			<td align="right"></td><td></td>
		    		</tr>		    	
		    		<tr>
		    			<td align="right">วันที่เริ่มต้น:</td><td><html:text property="startDate" styleId="startDate_dyestuffsChemicals" readonly="true" /></td>
		    			<td align="right">ถึงวันที่:</td><td>  <html:text property="endDate"   styleId="endDate_dyestuffsChemicals" readonly="true" /></td>
		    			<td rowspan="3"><html:submit value="ดูรายงาน" onclick="return validate('startDate_dyestuffsChemicals','endDate_dyestuffsChemicals');"  /></td>	    			
		    		</tr>
		    		<tr>
		    			<td ></td><td><font color="red"><label id="startDate_dyestuffsChemicals_error"/></label></font> </td>
		    			<td ></td><td><font color="red"><label id="endDate_dyestuffsChemicals_error"  /></label></font></td>
		    			<td ></td>	    			
		    		</tr>		    		
		    		<tr>
		    			<td align="right">รหัส/ชื่อ บริษัทที่ขาย:</td><td><html:text property="apCodeName"  /></td>
		    			<td align="right">รหัส/ชื่อ สี-เคมี:</td><td><html:text property="itemCodeName"  /></td>
		    		</tr>
		    			    		   		    		
		    	</table>
	    		</html:form>
	    	</center>
	    </fieldset>
	    </div>
	    	    
    </div>
</div>
</body>
</html:html>
